<%--
  This page is contains the view when a user hasn't logged into the application.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ page import="spanishgringo.data.GoogleData"%>
<%
  GoogleData googleData = (GoogleData)request.getAttribute("googleData");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta http-equiv="description"
	content="Login Page: GA Evolution let you easily export your data from Google Analytics, use segments, compare different profiles and build graphs.">
<title>Google Analytics Evolution Login | by Spanishgringo</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
</head>
<body>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-1683366-9']);
  _gaq.push(['_trackPageview', '/Main/Login']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
  })();

</script>
	
<div id="wrapper">
<div id="head" class="head">
	<h1>Google Analytics Evolution Login - by Spanishgringo</h1>
<div class="blogWrap"><a href="http://spanishgringo.blogspot.com">My
Blog: SEO, Web Marketing &amp; More</a>
<br/>

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" class='donateForm'>
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
">
<input type="image" width="50" src="http://dl.dropbox.com/u/232/Images/x-click-butcc-donate.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

<div class="share">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<a href="http://addthis.com/bookmark.php?v=250&amp;username=spanishgringo" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_facebook"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_twitter"></a>
</div>
<!-- AddThis Button END -->
</div>

</div></div>


<p>GA Evolution let you easily visualize & export your data from Google Analytics, using segments, making visual comparisons between different profiles using a monthly view of the data.
<h2>To get started using the application you should begin by following these 4 steps:</h2>
<ol>
	<li>Login</li>
	<li>Authorize this application to access your Google Analytics
	Data - <small><em>None of your GA data is actually stored in this app</em></small></li>
	<li>Choose your GA Profiles from your various Google Analytics Accounts and get the data.</li>
	<li>Choose the data you want to graph. Click a table header to graph the data or just copy &amp; paste (soon I hope to add csv export)</li>
</ol>
</p>
<a href="<%= googleData.getAuthenticationUrl() %>">Log In</a> <%
  if (googleData.getAuthorizationErrorMessage() != null) {
    out.println(String.format("<p>Error authorizing access to this applications: %s</p>",
        googleData.getAuthorizationErrorMessage()));
  }
%>
<hr style="margin-top: 20px;"></hr>
<div>
<p class="small-text">This app was inspired by:</p>
<ul class="small-text">
	<li>A need to create monthly reports &amp; charts to identify trends
	in site activity as well as compare sites against each other</li>
	<li>An article by Nick Mihailovski from the GA API Team - <a
		href="http://code.google.com/apis/analytics/docs/gdata/gdataAppEngine.html"
		target="_blank">Google Analytics on App Engine in Java</a>, Google
	Analytics API Team</li>
	<li>A desire to try out the <a
		href="http://code.google.com/p/flot/">awesome jQuery graphing
	library Flot</a></li>
</ul>
<p class="small-text">Thanks for the inspiration &amp; help</p>
</div>
</div>
<div class="browserMsg">Works best with Firefox and Chrome <img  width="116" height="23" src="images/app-engine-logo.png" alt="app engine logo"/></div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=spanishgringo"></script>
</body>
</html>
